@charset "utf-8";
/* CSS Document */

/* 基础设置 */

/*=================default===================*/
html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

body {
	overflow-x: hidden;
	-webkit-text-size-adjust: none; height:100%; width: 100%;
	overflow-y: scroll;
	background: #fff;
	font-size: 14px;
}

*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; line-height: 1.75;font-family: auto!important;}

.layui-form-switch ,.layui-form-switch *{ -webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;}

.af-cb:after{clear: both; content: ' '; overflow: hidden; width: 0; height: 0; display: block;}


a,a:link{ color: #000; text-decoration: none;}
a:hover,a:active{ color: #00a1e9; text-decoration: none;}
::selection{background:#00a1e9; color:#fff;}
::-moz-selection{background:#00a1e9; color:#fff;}

a:hover i.pic-size img{-webkit-transform: scale(1.05); transform: scale(1.05);}

.block{display: block !important;}

/*定义动画*/
.e-ani *,.e-ani *:before,.e-ani *:after{-webkit-transition: .3s; transition:.3s;}
.nav *,.nav *:after,.nav *:before{-webkit-transition:height .3s, width .3s, color .3s,  -webkit-box-shadow .3s,border .3s,opacity .3s,-webkit-transform .3s,background .3s, opacity .3s,top .3s,right .3s,bottom .3s,left .3s,padding .3s;
transition:height .3s, width .3s, color .3s, box-shadow .3s,border .3s,opacity .3s, transform .3s,background .3s, opacity .3s,top .3s,right .3s,bottom .3s,left .3s,padding .3s;}

.nav * .nav-btn-bg{-webkit-transition:left .3s ease .03s; transition:left .3s ease .03s;}/*0.03延迟解决".nav-btn-bg"元素抖动*/

.e-animte{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear .6s, bottom 0s linear .6s, left 0s linear .6s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear .6s,bottom 0s linear .6s,left 0s linear .6s;}

*.e-animte-show{-webkit-transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,-webkit-transform .5s, top 0s linear 0s, bottom 0s linear 0s, top 0s linear 0s;
transition:height .5s, max-height .5s, min-height .5s, color .5s,background .5s,border .5s,opacity .5s,transform .5s, top 0s linear 0s, bottom 0s linear 0s, top 0s linear 0s;}

.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

/*--简易切换动画--*/
.tabs-box .bd{ position: relative; overflow: hidden;}
.tabs-box .bd:after{content: ' '; clear: both; width: 0; height: 0; overflow: hidden;}
.tabs-box .bd>.tabs-hide{ position: absolute; top: 0; left: -10000px; width: 100%; overflow: hidden; -webkit-transform: none; transform: none; opacity: 0; -webkit-animation: tabs-hide .8s; animation: tabs-hide .8s;}
@-webkit-keyframes tabs-hide /* Safari 和 Chrome */
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
}
@keyframes tabs-hide
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
}
.tabs-box .bd>.tabs-on{ position: relative; top: 0; left: 0; width: 100%; -webkit-transform:none; transform: none; opacity: 1;}
.tabs-box .bd>.tabs-show{ position: relative; top: 0; left: 0; width: 100%; overflow: visible; -webkit-transform:none; transform: none; opacity: 1; -webkit-animation: tabs-show .8s; animation: tabs-show .8s;}
@-webkit-keyframes tabs-show /* Safari 和 Chrome */
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
}
@keyframes tabs-show
{
from { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 0;}
to { -webkit-transform: translateX(0); transform: translateX(0);  opacity: 1;}
}


/*--最小屏提示--*/
@media screen and (max-width: 319px) {
html{-webkit-transition: 0s;  transition: 0s; background: #fff url(../img/displayNone.png) center center no-repeat; }
	body {
		-webkit-transition: 0s;  transition: 0s; display: none;
	}
}

/*--layui--*/
.layui-layer,.layui-layer *{ -webkit-transition: 0s; transition: 0s;}

/*--移动端横屏提示--*/
@media (max-width: 991px) and (orientation : landscape) {
	html.landscape {
		background: #fff url(../img/landscape.png) center center no-repeat;
	}
	html.landscape body {
		display: none;
	}
}

.Intercept-3{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/*--swiper2.x高度自适应--*/
.swiper-container .swiper-wrapper,.swiper-container .swiper-slide{ height: auto !important;}

/*默认动画时长*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration:1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated-s {
  -webkit-animation-duration: .5s;
  animation-duration:.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*百度分享*/
.bdsharebuttonbox,.bdsharebuttonbox *,.bd_weixin_popup_bg,.bd_weixin_popup{ -webkit-transition: 0s;
transition: 0s;}
.bdsharebuttonbox *{-webkit-transition: .3s;
transition: .3s;}

/*bshare分享*/
#bsPanel,#bsPanel *,#bsBox,#bsBox *{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}

/*百度分享*/
.bdsharebuttonbox,.bdsharebuttonbox *,.bd_weixin_popup_bg,.bd_weixin_popup{ -webkit-transition: 0s;
transition: 0s;}
.bdsharebuttonbox *{-webkit-transition: .3s;
transition: .3s;}

/*bshare分享微信弹窗兼容*/
#bsWXBox{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}


/*百度地图*/
.map *{ -webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s;}
.map label,.map img{max-width: none !important; width: initial !important;}
.map *{ font-size: 12px; -webkit-transition: 0s; transition: 0s; -webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;}

/*视频全屏*/
.video-bg{position: absolute; z-index: -1; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0s; transition: 0s;}

/*lightbox*/
.lightbox,.lightbox *,.lightboxOverlay,.lightboxOverlay *{-webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s; -webkit-transform:translateZ(0); transform:translateZ(0);}


/*--分页--*/

div.pages {text-align: center; width: 100%; padding: 20px 0 0 0; margin: 0; line-height: 1.7;}
div.pages *{ line-height: 1.7;}
div.pages a,div.pages span {text-decoration: none; background: #fff; border: 1px solid #fff; padding: 5px 11px; margin: 3px; color: #333333; font-size: 12px; display: inline-block; font-weight: normal;}
div.pages a.on,div.pages a.hover,div.pages a:hover,div.pages a:active,div.pages span.current,div.pages span.disabled { background: #00a0e9; color: #fff; border: 1px solid #00a0e9;  line-height: 1.7;}
@media screen and (min-width: 992px) {
	div.pages{ padding-top: 30px;}
}



/*社会招聘*/
@media screen and (min-width: 320px) {
	.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
	
	
	.jp-table{width:100%; max-width: 100%; text-align: center; min-width: 560px;}
	.jp-table thead tr td{ line-height: 36px; background: #003f98; color: #fff; font-size: 14px; padding: 5px 10px; white-space: nowrap;}
	.jp-table tbody tr{ border-bottom: 1px dashed #ddd;}
	.jp-table tbody tr td{ line-height: 30px; font-size: 14px; border: none; padding: 5px 10px;}
	.jp-table tbody tr:hover td{ background: #f7f7f7;}
	.jp-table tbody tr:hover *{color: #003f98;}
	
	
	.zpList_02 { border-top: solid 1px #e8ebee; 	border-left: solid 1px #e8ebee; 	white-space: nowrap;  min-width: 640px;}

	.zpList_02 tr td { border-top: none !important; border-right: solid 1px #e8ebee; border-bottom: solid 1px #e8ebee; color: #555; font-weight: bold; background: #fff; font-size: 14px; font-weight: normal; height: 30px; line-height: 30px !important; padding: 12px 15px;  }
	a.ypBtn { margin: 0 auto; display: block; width: 120px; height: 37px; line-height: 35px; border: solid 1px #003f98; background: #fff; text-align: center; color: #003f98; font-size: 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; transition: .3s;}
	a.ypBtn:hover { color: #fff; background: #003f98; }
	
	.zpText_01 { display:block; padding: 0; margin: 0; width: 100%; border: none; height: 30px; outline: none; line-height:initial;}
	.zpText_02 { width: 100%; height: 100px; padding: 0; margin: 0; border: none; outline: none; min-width: 100%; max-width: 100%; min-height: 100px; max-height: 100px; line-height: initial; resize: none;}
	.zpText_03 { width: 100%; padding: 0; margin: 0; border: none; outline: none;}
	
	
	.zpBtnBox { width: 260px; margin: 0 auto; text-align: center; overflow: hidden; }
	.zpBtnBox span{display: inline-block; padding: 0 5px; float:left;}
	.tjBtn,.czBtn  { border: none; display: inline-block; width: 120px; height: 37px; 	background: #fff; text-align: center; border: solid 1px #003f98; color: #003f98; font-size: 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer;}

	.tjBtn:hover,.czBtn:hover { color: #fff; background: #003f98;}
}

@media screen and (min-width: 992px) {
	
	.table-responsive { border: none;}
}

@media screen and (min-width: 1340px) {
	
}

@media screen and (min-width: 1340px) {
	
}


/*--移动端设置&小屏电脑 图片缩放--*/
/*设置最大屏像素-1*/
@media screen and (max-width: 1259px){
/*.content-box img,.content-bd img{width: auto !important; height: auto !important; max-width: 100%;}*/
}

/*图片比例裁剪预设*/
i.pic-size{ width: 100%; height: 0; padding-bottom: 100%; position: relative; display: block; overflow: hidden;}
i.pic-size img{ width: 100% !important; height: 100% !important; max-width: 100%; max-height: 100%; position: absolute; /* left: -100%; top: -100%; right: -100%; bottom: -100%;*/ margin: auto; object-fit: contain;}
i.pic-size-cover img{object-fit: cover;}


.layui-form-checked[lay-skin=primary] i{ border-color: #0072d1; background-color: #0072d1;}
.layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #0072d1;}








/*=================layout===================*/
@media screen and (min-width: 320px) {
	.container{ padding: 0 15px; margin: 0 auto;}
	.container:after{ content: " "; display: block; clear: both; width: 0; height: 0; overflow: hidden;}
	.container-max{ padding: 0 15px; width: 100%; margin: 0 auto;}

	/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
		::-webkit-scrollbar
		{
		    width: 10px;
		    height: 10px;
		    background-color: #f7f7f7;
		}
		 
		/*定义滚动条轨道 内阴影+圆角*/
		::-webkit-scrollbar-track
		{
		    background-color: #e6e6e6;
		}
		 
		/*定义滑块 内阴影+圆角*/
		::-webkit-scrollbar-thumb
		{
		    background-color: #aaa;
		}
}

@media screen and (min-width: 992px) {
	.container{ width: 980px; padding: 0 10px;}
}

@media screen and (min-width: 1340px) {
	.container{ width: 1230px; padding: 0 15px;}
}







/*=================header===================*/
@media screen and (min-width: 320px) {
	
	div.nav-poa{ position: absolute; left: 0; top: 0; width: 100%;}


	.nav-box{ height: 55px; position: relative; width: 100%; z-index: 99; /* box-shadow: 0 0 5px rgba(0,0,0,.2); */}
	.header-box{ height: 55px; display: none;}
	.logo{ float: left; position: relative; z-index: 9; height: 55px; padding: 0;}
	.logo a{ display: block; height: 100%;}
	.logo img{ height:100%; display: block;}
	
	
	.nav-btn{ display: block; padding: 0 10px; margin-right: -10px; float: right; cursor: pointer; position: relative; z-index: 9;}
	.nav-btn i{ line-height: 55px; font-size: 22px; width: 24px; text-align: center; color: #00a1e9;}
	.nav-hide-btn{ display: none;}
	
	.nav-btn-show .nav-hide-btn{ display: block;}
	.nav-btn-show .nav-show-btn{ display: none;}
	
	.nav{ position: absolute; top: -1000%; left: 0; right: 0; background: #fff; background: rgba(255,255,255,.95);  padding:10px 15px; -webkit-box-shadow: 0 10px 20px  rgba(0,0,0,.2);
	-moz-box-shadow: 0 10px 20px  rgba(0,0,0,.2);
	box-shadow: 0 10px 20px  rgba(0,0,0,.2);-webkit-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform: scaleY(.5) translateY(-25%); transform: scaleY(.5) translateY(-25%); opacity: 0; filter:Alpha(opacity=0); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; z-index: 9;}
	
/*	.nav:before{content: ' '; border-bottom: solid 8px rgba(255,255,255,.95); border-left: solid 8px transparent; border-right: solid 8px transparent; position: absolute; right: 9px; top: -8px;}*/
	
	.nav-show{ top: 55px; opacity: 1; filter:Alpha(opacity=100); -webkit-transform: none; transform: none;}
	
	.nav-list{ visibility: visible !important;}
	.nav-list li{ border-bottom:  solid 1px rgba(128,128,128,.1);}
	.nav-list li a{ display: block; }
	.nav-list li a b{font-weight: normal; line-height: 42px; position: relative; color: #000; display: block; text-align: center;}
	.bd-more{ position: absolute; bottom: 0; left: 50%; margin-left: -8px; border-bottom: solid 8px rgba(230,230,230,.5); border-left: solid 8px transparent; border-right: solid 8px transparent; opacity: 0; filter:Alpha(opacity=0); -webkit-transform: translateY(8px); transform: translateY(8px);}
	.nav-list li .nav-list-sub{ opacity: 0; filter:Alpha(opacity=0); -webkit-transform-origin:0% 0%; transform-origin:0% 0%; overflow: hidden; background: rgba(230,230,230,.5); height: 0; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; overflow: hidden;}
	.nav-list li .nav-list-sub div{ padding: 10px 15px;}
	.nav-list li .nav-list-sub a{ line-height: 40px; border-bottom: solid 1px rgba(128,128,128,.1); color: #eee; font-size: 12px; text-align: center;}
	.nav-list li .nav-list-sub a:nth-last-child(1){border: none;}
	.nav-list li .nav-list-sub a span{ color: #666;}
	.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on-02 span{ color: #00a1e9;}
	.nav-list .nav-on{ border-color: transparent; position: relative; z-index: 9;}
	.nav-list .nav-on a{border-bottom:none ;}
	.nav-list .nav-off{ position: relative; z-index: 1;}
	
	
	.nav-list i.more:before{ padding-left: 10px; font-size: 12px; color: #000;}
	.nav-on .bd-more{ opacity: 1; filter:Alpha(opacity=100); -webkit-transform: none; transform: none;}
	.nav-list li.nav-on .nav-list-sub{ opacity: 1; filter:Alpha(opacity=100);}
	.nav-list li .on b,.nav-list li .on i:before{ color: #00a1e9;}
	.nav-list li.nav-on a b,.nav-list li.nav-on a i:before{ color: #00a1e9;}
	
	.nav-box-bg{ position: absolute; z-index: 8; -webkit-background-size: cover;
	background-size: cover; overflow: hidden; height: 55px; left: 0; right: 0; background: #fff; }
	
	.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ opacity: 0; filter:Alpha(opacity=0); width: 100%; left: 0; top: 0; height: 46px; background: #ffa039; z-index: -1; position: absolute; display: none;}
	.nav-list div.nav-btn-bg-02{ width: auto; left: auto;}
	.nav-list div.nav-btn-bg-02-show{ opacity: 1;  filter:Alpha(opacity=100); }
	
	.header-t{ display: none;}
	
	
	
	
	/*PC二级下拉背景色*/
	.nav-list-sub-bg{ display: none;}
	
	.header-swiper-box{ position: absolute; left: 0; top: 0; width: 100%;}
	.header-bg{ height: 0; background-position: center center; background-repeat: no-repeat; background-color: #0172d1;}
	
	
	
	.search-box{overflow: hidden;}
	.search-bd{ position: relative;}
	.search-box input{ height: 32px; width: 100%; background: none; border: solid 1px #dbdbdb; float: left; padding: 0 10px 0 35px; line-height: initial; font-size: 12px;}
	.search-box input:focus{ border-color: #109cff;overflow: hidden;}
	.search-box button{width: 32px; height: 32px; overflow: hidden; display: block; border: none; background: none; position: absolute; left: 0; top: 0; cursor: pointer;}
	.search-box button i:before{  color: #00a1e9; line-height: 32px; font-size: 16px; font-weight: bold;}
	
	.lang{ padding-bottom: 10px; text-align: center;}
	.lang-pc a,lang a{ margin: 0 10px; color: #6b6b6b; font-weight: bold; font-size: 12px;}
	.lang-pc a.on,.lang a.on{ color: #00a1e9;}
	
	.lang-pc{ display: none;}
	
	.search-box .search-btn{display: none;}
}


@media screen and (min-width: 375px) {
	
}


@media screen and (min-width: 480px) {
	.logo{ height: 75px;}
	.nav-box{ height: 75px;}
	.header-box{ height: 75px;}
	.nav-box-bg{ height: 75px;}
	.nav-show{ top: 75px;}
	.nav-btn i{ line-height: 75px; font-size: 28px; width: 30px;}
	
	
}


@media screen and (min-width: 992px) {

	
	.nav:before{display: none;}
	
	
	.nav-box{ box-shadow: none; position: relative; height: 75px; background: #fff;}
	
	.header-box{ height: 75px; display: none;}
	
	.logo{ height: 75px;}
	.logo img{ margin: 0 auto;}
	.logo a{ width: 100%; height: 75px; display: block; padding: 0;}
	
	
	.nav-btn{ display: none;}
	.nav-box-bg{ height: 75px; top: 0;}
	.nav{ float: right; position: relative; -webkit-transform: none; transform: none; opacity: 1; filter:Alpha(opacity=100); z-index: 9; box-shadow: none; padding: 0; border-top: none; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; overflow: visible; background: none; top: 0;  padding-left: 0; padding-right: 0; left: auto; right: auto; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;}
	.nav-list{  position: relative; float: left;}

	.nav-list:after{ content: ' '; overflow: hidden; clear: both; display: block;}
	.nav-list li{ float: left; border-bottom: none; position: relative; border: none;}
	
	.nav-list li a b{ line-height: 75px; height: 75px; color: #000; overflow: hidden;}
	.nav-list li a{ height: 75px; line-height: 75px; padding: 0 10px; font-size: 12px; position: relative;  }
	
	.nav-list li .nav-list-sub a:after{ content: ' '; width: 1px; height: 14px; background: #fff; position: absolute; right: 0; top: 50%; margin-top: -7px;}
	/*.nav-list li:nth-last-of-type(1) a:after{display: none;}*/
	.nav-list li.nav-on>a b{ color: #00a1e9; }
	.nav-list li.nav-off>a b{ color: #333;}
	.nav-list li .on b/*,.nav-list li a:hover b*/{ color: #00a1e9;}
	.nav-list li .on .nav-btn-bg{ opacity: 1;filter:Alpha(opacity=100); }
	.bd-more{border-bottom-color: #fff;}
	.nav-list li .nav-list-sub{ position: absolute; top: 75px; height: auto !important; opacity: 0; filter:Alpha(opacity=0);
-webkit-transform: translateY(8px);
transform: translateY(8px); box-shadow: 0 5px 8px rgba(0,0,0,.3); top: -1000%; width: auto; background: none; box-shadow:none; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;padding-top: 0; left: -10px; right: -10px; background: #fff; border-top: solid 1px #0e9bff;}
/*	.nav-list li .nav-list-sub:before{ content: ' '; border-bottom: solid 6px #00a1e9; border-left: solid 6px transparent; border-right: solid 6px transparent; position: absolute; left: 50%; top: 5px; margin-left: -6px;}*/
	.nav-list li .nav-list-sub .nav-list-height{padding: 10px 0;overflow: hidden;}
	.nav-list li .nav-list-sub a{ height: auto; border: none; font-size: 14px; padding:  0 10px; display: block; text-align: left;position: relative;}

	.nav-list li .nav-list-sub a span{display: block; line-height: 38px; color: #999; position: relative; white-space: nowrap; padding: 0; position: relative; font-size: 12px;}
	.nav-list li .nav-list-sub a:hover span{ padding-left: 15px;}
/*	.nav-list li .nav-list-sub span:after{width: 100%; height: 1px; background: #0e9bff; -webkit-transform: scaleX(0);  transform: scaleX(0); position: absolute; bottom: 0; content: ' '; left: 0;}
	.nav-list li .nav-list-sub a:hover span:after{ -webkit-transform: scaleX(1); transform: scaleX(1); }
.nav-list li .nav-list-sub a:hover,.nav-list li .nav-list-sub a.on-02{}*/
	.nav-list li .nav-list-sub a:hover span,.nav-list li .nav-list-sub a.on-02 span{ color: #00a1e9;}
/*	.nav-list li .nav-list-sub a:hover span:after,.nav-list li .nav-list-sub a.on-02 span:after{ width: 100%; opacity: 1; filter:Alpha(opacity=100);}*/

	.nav-list li.nav-on .nav-list-sub{ opacity: 1; filter:Alpha(opacity=100);
-webkit-transform: translateY(0);
transform: translateY(0);  top: 75px;}
	
	.nav-list div.nav-btn-bg,.nav-list div.nav-btn-bg-02{ height: 75px; background: none; border-bottom: solid 3px #00a1e9; overflow: hidden; transition: .3s; display: none;}
/*	.nav-list div.nav-btn-bg:before,.nav-list div.nav-btn-bg-02:before{content:' '; opacity: 1; left: 50%; bottom: 0; border-bottom: solid 10px #00a1e9;  border-right: solid 10px transparent;  border-left: solid 10px transparent; margin-left: -10px; z-index: 9; -webkit-transform: none; transform: none; display: block; width: 0; position: absolute;}*/
	.nav-list li a.on i.bd-more{ display: none;}
	/*.nav-list li.nav-off  a i.bd-more{ -webkit-transform: translateY(10px); transform: translateY(10px);}*/
	
	
	
	
	/*PC二级下拉背景色*/
	.nav-list-sub-bg{ display: none; width: 100%; position: absolute; top: -100%; height: 34px; width: 100%; left: 0; background: #fff; opacity: 0;  filter:Alpha(opacity=0); }
	.nav-list-sub-bg-show{ opacity: .6;  filter:Alpha(opacity=60); top: 80px;}

	.lang{ float: right; padding-bottom: 0; padding-top: 25px;}
	.lang a{ margin-left: 15px; font-size: 12px;}
	
	.search-box .search-btn{display: block; line-height: 75px; color: #26afec; font-size: 24px; cursor: pointer;}
	.search-bd{ position: absolute; top: -1000%; z-index: 9; width: 350px; right: -50px; opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px);}
	.search-show{ top: 75px; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
	.search-box{float: right; position: relative; overflow: visible; padding: 0 20px;}
	.search-bd{  background: #fff; border-top: solid 1px #0e9bff; padding: 10px;}
	.search-box button{ left: 10px; top: 10px; height: 40px;}
	.search-bd input{ height: 40px;}
	

	.nav-list li .nav-list-sub-02{ width: 385px;}
	.nav-list li .nav-list-sub-02 .nav-list-height{ width: 193px; border-right: solid 1px #f7f7f7; float: left; min-height:300px;}
	.nav-list li .nav-list-sub-02 .nav-list-height a span { text-align: left;}
	.nav-list li .nav-list-sub-02 .nav-list-height a span:after{display: none;}
	.nav-list li .nav-list-sub-02 .nav-list-height a:hover span{ padding-left: 25px;}
	
	.nav-pic{ width: 192px; float: left; position: relative;}
	.nav-list li .nav-pic a{display: none; position: absolute; left: 0; top: 0; width: 100%; transition: 0s;;}
	.nav-pic dt{ padding:30px 35px 20px 35px;}
	.nav-pic dt img{ width: 100%;}
	.nav-list li .nav-pic dd b{text-align: center; display: block; font-weight: normal; font-size: 12px; color: #575656; line-height: 1.4; height: auto;}
	.nav-list li .nav-pic dd p{ width: 200%; font-size: 20px; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: left center; transform-origin: left center; text-align: center; line-height: 1; color: #575656;}
	.nav-list li .nav-pic dd span{ color: #00a1e9; text-align: center; display: block; font-size: 12px;}
	
}



@media screen and (min-width: 1340px) {

	.nav-list li a{ padding: 0 15px; font-size: 16px;}
	.nav-list i.more:before{ font-size: 16px;}
	.lang a{ font-size: 12px;}
	./*logo{ height: 110px;}
	.logo a{ padding: 0;  height: 110px;}
	.nav-list li a{ padding: 0 20px; height: 110px; line-height: 110px;}
	.nav-box{ height: 110px;}
	.nav-list li a b{ height: 110px; line-height: 110px;}
	.header-r-bg{ margin-right: 600px;}
	.nav-list div.nav-btn-bg, .nav-list div.nav-btn-bg-02{ height: 110px;}
	.nav-list-min li a{ padding: 0 10px;}
	
	.nav-list li.nav-on .nav-list-sub{ top: 110px;}
	
	.nav-list-sub-bg-show{  top:110px;}*/
	
	.nav-box{ height: 115px;}
	
	.header-box{ height: 115px;}
	.nav-box{ height: 115px;}
	.logo{ height: 115px;}
	.logo a{ height: 115px; }
	.nav-box-bg{ height: 115px;}
	.nav-list li a b{ line-height: 115px; height: 115px;}
	.lang{padding-top: 45px;}
	.search-box .search-btn{ line-height: 115px;}
	.nav-list li.nav-on .nav-list-sub{ top: 115px;}
	.search-show{ top: 115px;}
	.nav-list li .nav-list-sub a{ padding: 0 15px;}
	.nav-list li .nav-list-sub a span{ font-size: 14px;}
}

@media screen and (min-width: 1600px) {
	.nav-list li a{font-size: 18px;}
	.container-header{width: 1560px;}

}




/*=================index===================*/
/*ind-swiper*/
@media screen and (min-width: 320px) {
	.banner{ width: 100%; padding-bottom: 90%; -webkit-background-size: cover;
	background-size: cover; background-position: center; position: relative;}
	.banner video{position: absolute; left:0; top:0; width:100%; height:100%; z-index:2; object-fit: cover;}
	.banner-btn{ width: 50%; max-width: 405px; position: absolute; left: 50%; bottom: 5%;  -webkit-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; transition:.3s; z-index:3;}
	.banner-btn img{ width: 100%;}
	.banner-btn:hover{-webkit-transform: translateX(-50%) translateY(5px); transform:translateX(-50%) translateY(5px);}
	.banner video{display:none;}
	.banner-link{ width:100%; position:absolute; left:50%; bottom: 20%;  -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index:4; text-align:center; }
	.banner-link a{position:relative; display:block; width:120px; margin:0 auto;}
	.banner-link a img{ width:100%;}
	.banner-link a i:before{ line-height:30px; font-size:24px; display:inline-block; overflow:hidden; padding-right:5px; color:#333;}
	.banner-link a span{ line-height:30px; font-size:12px; display:inline-block; overflow:hidden; color:#333;}
	
	.banner-link a:hover{-webkit-transform: translateY(-3px); transform: translateY(-3px);}
	.banner-link a:hover i:before{color:#00a1e9;}
	.banner-link a:hover span{color:#00a1e9;}
}

@media screen and (min-width: 992px) {
	.banner video{display:block;}
	.banner{ height: 700px; padding-bottom: 0;}
	
	.banner-link a{ width:217px;}
	.banner-link a i:before{ line-height:40px; font-size:32px; padding-right:8px;}
	.banner-link a span{ line-height:40px; font-size:14px; }
	
}

@media screen and (min-width: 1340px) {
	.banner{ height: 1080px; padding-bottom: 0;}
}

/*首页公共*/
@media screen and (min-width: 320px) {
	.ind-box-max{ padding: 15px 0;}
	
	.ind-tit{ overflow: hidden; padding-bottom: 15px; position: relative; z-index: 9;}
	.ind-tit i{ background: #adadad; float: left; width: 3px; height: 20px;}
	.ind-tit span{ float: left; line-height: 20px; margin-left: 10px; color: #adadad;}
	
	.ind-box{padding: 15px 0;}
}

@media screen and (min-width: 992px) {
	.ind-box-max{ padding: 30px 0 0 0;}
	.ind-box{padding: 30px 0;}
	.ind-tit{ padding-bottom: 30px;}
	.ind-tit i{ height: 24px; width: 5px;}
	.ind-tit span{ padding-left: 15px; font-size: 20px; line-height: 24px;}
}

@media screen and (min-width: 1340px) {
	.ind-box-max{ padding: 50px 0 0 0;}
	.ind-box{padding: 50px 0;}
	.ind-tit span{ font-size: 24px; }
}


/*产品推荐*/
@media screen and (min-width: 320px) {

	.ind-pro-bg{ background: #fcfcfc; padding: 15px;}
	.ind-pro-tit{ color: #d1d1d1; text-align: center; font-size: 18px;}
	
	.ind-pro-list ul{ overflow: hidden; margin: -15px; padding-top: 20px;}
	.ind-pro-list li{ width: 33.3333%; float: left; padding: 15px;}
	.ind-pro-list a{ display: block; padding-bottom: 170%; overflow: hidden; position: relative;}
	.ind-pro-list a img{ width: 100%; position: absolute; left: 0; top: 0;}
}

@media screen and (min-width: 992px) {
	.ind-pro-list ul{ padding-top: 40px;}
	.ind-pro-list li{ width: 16.66666%; padding: 0 11px 0 12px;}
	.ind-pro-list a img { top: 20%; transition: .3s;}
	.ind-pro-list a:hover img{ top: 0;}
	.ind-pro-bg{ padding: 40px 20px 0 20px;}
	
	.ind-pro-tit{ font-size: 24px;}
}

@media screen and (min-width: 1340px) {
	.ind-pro-tit{ font-size: 36px;}
	
	.ind-pro-bg{ padding: 70px 30px 0 30px;}
	.ind-pro-list ul{ padding-top: 50px;}
}


/*展会发布*/
@media screen and (min-width: 320px) {
	.ind-zhfb{ width: 100%; background:#fff;}
	.zhfb-pagination{ text-align: center;}
	.zhfb-pagination .swiper-pagination-bullet-active{background: #00a1e9;}
}

@media screen and (min-width: 992px) {
	.zhfb-pagination .swiper-pagination-bullet{width: 10px; height: 10px;}
}

@media screen and (min-width: 1340px) {
	
}



/*新闻中心*/
@media screen and (min-width: 320px) {
	
	i.pic-scale-xwzx{padding-bottom: 40vw; position: absolute; top: 0;}
	.ind-xwzx-box{ position: relative; padding-top: 40vw;}
	.ind-xwzx-list{ position: relative; padding:0 10px 0 10px; left: 0; top: 0; width: 100%; margin-top: -10vw;}
	.ind-xwzx-list ul{ padding: 5px 15px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.1);}
	
	.ind-xwzx-list li{ overflow: hidden; padding: 10px 0; border-bottom: solid 1px #bbb;}
	.ind-xwzx-list li:nth-last-child(1){border: none;}
	.ind-xwzx-list dt{ float: left; width: 100px;}
	.ind-xwzx-list dd{ overflow: hidden; padding-left: 10px;}
	.ind-xwzx-list dd b{ display: block; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; font-size: 14px; padding-bottom: 5px; display: block; color: #222;}
	.ind-xwzx-list dd span{ color: #545454; font-size: 12px; line-height: 16px; overflow: hidden; height: 64px; display: block; 
text-overflow: ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical; 
-webkit-line-clamp:4;}

.ind-xwzx-list a:hover dd b{color: #00a1e9;}
.xwzx-tabs { position: relative; margin: 0;}
.xwzx-tabs .hd-ord{shadow: 0 0 20px rgba(0,0,0,.1); border: none; position: absolute; top: 30vw; margin-top: -40px;  left: 10px; z-index: 9;}
.xwzx-tabs .hd-ord li{  display: inline-block; height: 40px; line-height: 40px; padding: 0 20px;  color: #3f3f3f; background: #fff; cursor:pointer;}

.xwzx-tabs .hd-ord .on{background: #00a1e9; color: #fff;}

.layui-tab-content{ padding: 0;}
.xwzx-tabs .layui-tab-title{}

}

@media screen and (min-width: 992px) {
	.ind-xwzx-box{ padding-top: 40.75%;}
	i.pic-scale-xwzx{ padding-bottom: 40.75%;}
	.ind-xwzx-list{ margin-top: 0;}
	
	.ind-xwzx-list{-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; margin-top: -100px;}
	
	.ind-xwzx-list{ padding: 0 40px;}
	
	.ind-xwzx-list ul{ overflow: hidden; margin: 0 -20px; padding: 20px 0; -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; min-height:157px;}
	.ind-xwzx-list li{width: 33.3333%; float: left; padding: 0 20px; border-bottom: none; border-right: solid 1px #bbb;}
	.ind-xwzx-list dt{ width: 117px;}
	
	.ind-xwzx-list dd b{ font-size: 16px;}
	.ind-xwzx-list dd span{ line-height: 18px; height: 72px;}
	
	.xwzx-tabs .hd-ord{left: auto; right: -50px; top: 0; margin-top: 0; -webkit-transform: none; transform: none; height: auto;}
	.xwzx-tabs .hd-ord li{ width: 50px; min-width: inherit; display: block; line-height: 18px; height: auto; white-space: normal; padding: 15px 15px; font-size: 16px; font-weight: bold; text-align:center;}
	
}

@media screen and (min-width: 1340px) {
	
}



/*关于远阳*/
@media screen and (min-width: 320px) {
	.ind-gyyy-bg{ background: #fafafa;}
	
	.gyyy-tit{ padding-bottom: 15px;}
	.gyyy-tit b{ text-align: center; display: block; font-size: 20px; font-weight: normal; color: #222;}
	.gyyy-tit span{ text-align: center; font-size: 12px; display: block; color: #222;}
	
	.ind-gyyy-cont{ overflow: hidden;}
	.ind-gyyy-cont dd{  background: #fff; padding: 15px; overflow: hidden;}
	.ind-gyyy-cont dd .txt{ padding-bottom: 30px;}
	.ind-gyyy-cont dd .more{ border-bottom: solid 2px #151515; line-height: 30px; float: left;}
	.ind-gyyy-cont dd .more span{ float: left; line-height: 30px; color: #222;}
	.ind-gyyy-cont dd .more i{ padding-left: 8px; float: left; line-height: 30px; color: #222;}
	.ind-gyyy-cont dd .more:hover span,.ind-gyyy-cont dd .more:hover i:before{color: #00a8ff;}
	.ind-gyyy-cont dd .more:hover{ border-bottom-color: #00a8ff;}
	
	.gyyy-num{ padding-top: 20px; overflow: hidden;}
	.gyyy-num dl{ float: left; width: 50%; text-align: center; padding: 10px;}
	
	.gyyy-num dt b{ font-size: 32px; color: #00a8ff; font-weight: normal;  line-height: 1.2;}
	.gyyy-num dt span{line-height: 30px; font-size: 32px; color: #00a8ff; line-height: 1.2;}
	.gyyy-num dd{color: #222; font-size: 12px;}
}

@media screen and (min-width: 992px) {
	.gyyy-tit b{ font-size: 30px;}
	.gyyy-tit{ padding-bottom: 30px;}
	i.pic-scale-gyyy{padding-bottom: 60.03%;}
	
	.ind-gyyy-cont { overflow: hidden;}
	.ind-gyyy-cont dt{ width: 50%; float: left;}
	.ind-gyyy-cont dd{ width: 50%; float: left; height: 288px; padding: 30px;}
	.gyyy-num dl{ width: 25%;}
	.gyyy-num dt b,.gyyy-num dt span{ font-size: 48px;}
}

@media screen and (min-width: 1340px) {
	.gyyy-tit b{ font-size: 36px;}
	.gyyy-tit span{ font-size: 13px;}
	.gyyy-tit{ padding-bottom: 40px;}
	.ind-gyyy-cont{ position: relative;}
	.ind-gyyy-cont dt{ width: 682px;}
	.ind-gyyy-cont dd{ width: 682px; position: absolute; right: 0; top: 60px; padding: 40px 55px;}
	.ind-gyyy-cont dd .txt{ font-size: 16px;}
	.ind-gyyy-cont dd .more{ position: absolute; left: 55px; bottom: 40px;}
	.ind-gyyy-cont dd .more span{ font-size: 16px;}
	.gyyy-num dt b,.gyyy-num dt span{ font-size: 54px;}
	
	.gyyy-num{padding-top: 40px;}
}



/*底部*/
@media screen and (min-width: 320px) {
	.footer-bg{ background: #202020; padding: 20px 0;}
	.footer-t b{font-size: 20px; display: block; text-align: center; color: #fff; font-weight: normal;}
	.footer-t span{ font-size: 12px; display: block; text-align: center; color: #ddd;}
	.footer-bl{ font-size: 12px; color: #fff;}
	.cont-mess dl{ overflow: hidden;}
	
	.f-logo{ text-align: center; padding-bottom: 15px;}
	.f-logo img{max-width: 80%;}
	
	
	.footer-bl{ padding: 15px 0; overflow: hidden;}
	.cont-mess dt{ float: left; line-height: 24px;}
	.cont-mess dd{overflow: hidden; line-height: 24px;}
	.cont-mess i:before{ color: #00a8ff; padding-right: 10px; font-size: 14px; float: left; line-height: 24px;}
	.cont-mess span{ color: #fff; float: left; line-height: 24px;}
	.cont-mess a{ color: #fff;}
	.cont-mess a:hover{color: #00a8ff;}
	
	.fx-btn{display: none;}
	
	.layui-form dd{ padding: 5px 0;}
	.layui-form input{ height: 30px;}
	.layui-form input,.layui-form textarea{ border: none;  background: none; border-bottom: solid 1px #ffffff; resize: none; width: 100%; font-size: 14px; color: #fff;}
	
	.layui-form .layui-btn{ width: 100%; -webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0; background: #00a8ff;}
	
	.footer-br{ padding-top: 15px;}
	
	.totop{ display: none;}
	
	.footer-mess{ text-align:center; color:#fff; padding-top:15px;}
}

@media screen and (min-width: 992px) {
	.footer-t b{font-size: 30px;}
	.fx-btn a{ color: #fff;}
	
	.footer-bg{ padding: 0;}
	
	.footer-bl{ float: left; width: 50%;}
	
	.f-logo{ text-align: left;}
	.footer-bl{ padding: 0;}
	.cont-mess dl{ padding: 5px 0;}
	.cont-mess dt{ font-size: 14px;}
	.cont-mess dd{ font-size: 14px;}
	
	.footer-br{ float: left; width: 50%; padding-left: 20%; padding-top: 0; border-left: solid 1px #888;}
	
	.footer-b{ padding: 40px 0 15px 0; overflow: hidden;}
	
	.footer-t{ position: relative;}
	
	.totop{display: block; position: absolute; right: 0; top: 10px;}
	
	.footer-t .totop span{ float: left; float: left; color: #fff; font-size: 24px;  font-weight: bold; line-height: 36px;}
	.footer-t .totop i:before{ float: left; float: left; color: #fff; line-height: 36px; padding-left: 5px; font-size: 30px; padding-top: 3px;}
	
	.footer-t .totop:hover span,.footer-t .totop:hover i:before{ color: #00a8ff; -webkit-transform: translateY(-5px); transform: translateY(-5px);}
	
	.fx-btn{ display: block; padding-top: 20px;}
	.fx-btn dl{ float: left; position: relative; padding-left: 20px;}
	.fx-btn dt i{font-size: 28px; line-height: 30px; width: 40px; text-align: center; display: block;}
	.fx-btn dt i:before{ color: #fff;}
	.fx-btn dd{ position: absolute; background: url(../img/qr-bg.png); width: 139px; height: 158px; bottom: 30px; padding: 20px 20px 0 20px; -webkit-transform: translateY(5px); transform: translateY(5px); opacity: 0; pointer-events: none;}
	.fx-btn dd img{ width: 99px; height: 99px;}
	
	.fx-btn dl:hover dt i:before{ color: #00a8ff;}
	.fx-btn dl:hover dd{ -webkit-transform: translateY(0); transform: translateY(0);opacity: 1;pointer-events:auto;}
	
	.layui-form dd{ padding: 10px 0;}
	
	.f-logo img{ max-width:52%;}
}

@media screen and (min-width: 1340px) {
	.footer-t b{font-size: 36px;}
	.footer-b{ padding: 70px 0 35px 0;}
	
	.footer-t .totop span{ font-size: 30px;}
	.footer-t .totop i:before{ font-size: 34px;}
}



/*banner*/
@media screen and (min-width: 320px) {
	.banner-min{ padding-bottom: 30%; background-position: center; -webkit-background-size: cover;
	background-size: cover;}
	.ny-bg{ background: #f7f8fa;}
}

@media screen and (min-width: 992px) {
	.ny-bg{ padding-top: 40px; padding-bottom: 60px;}
}

@media screen and (min-width: 1340px) {
	.banner-min{ padding-bottom: 0; height: 402px;}
	.ny-bg{ padding-top: 50px; padding-bottom: 100px;}
}



/*menu*/
@media screen and (min-width: 320px) {
		.menu{ background: #fff;}
		.menu ul{ overflow: hidden;}
		.menu li{ width: 50%; text-align: center; float: left;border-right: solid 1px #f7f8fa; border-bottom: solid 1px #f7f8fa;}
		.menu li a{ display: block; height: 40px; line-height: 36px; padding: 2px;}
		.menu li a span{ color: #000;}
		.menu li a:hover span{ color: #00a8ff;}
		
		.menu li .on{ color: #00a8ff; border-bottom: solid 2px #00a8ff; padding-bottom: 0;}
		.menu li .on span{color: #00a8ff;}
		
}

@media screen and (min-width: 992px) {
	.por	{position: relative;}
	.menu{ position: absolute; width: 120px; left: -130px; top: 54px;}
	.menu li{ width: 100%; border: none;}
	.menu li .on{ border-bottom: none; padding-bottom: 2px; border-right: solid 2px #00a8ff;padding-right: 0;}
	.menu li a{display: flex; align-items: center; justify-content: center; height: 60px;}
	.menu li a span{ line-height: 20px; font-weight: bold;}
	
	.content-box{ min-height: 400px;}
	
}

@media screen and (min-width: 1340px) {
	.menu{ width: 160px; left: -180px;}
	.menu li a{ height: 80px;}
	
	.content-box{ min-height: 560px;}
}


@media screen and (max-width: 1339px) {
.txt *{font-size:16px !important;}
}
@media screen and (max-width: 991px) {
.txt *{font-size:14px !important;}
}

/*--内容盒子--*/
@media screen and (min-width: 320px) {
	.content-box:after{content: ' '; clear: both; width: 0; height: 0; overflow: hidden; display: block;}
	.content-box{ font-size: 14px;padding:0; color: #666; position: relative; z-index: 10; padding-top: 15px;}
	.content-box div,.content-box p{ line-height: 1.8 ;}
	.content-box img{max-width: 100%;}
	
	.gyyy-cont-r{ padding-top: 20px; }
	.cont-tit{padding-bottom: 10px; overflow: hidden;}
	.cont-tit i{ padding-right: 5px; font-size: 20px; line-height: 20px; float: left;}
	.cont-tit span{font-size: 20px; line-height: 20px;  float: left;}
	
	.cont-hr{ display: none;}
}

@media screen and (min-width: 992px) {
	.content-box{padding-top: 0;}
	
	.gyyy-cont-01{display: flex;}
	.gyyy-cont-l{  padding-right: 15px; flex: 1;}
	.gyyy-cont-r{  padding-left: 15px;  flex: 1; padding-top: 0; padding-bottom: 40px;  position: relative;}
	.cont-tit div{float: right;}
	
	.cont-tit{ padding-bottom: 25px;}
	.cont-tit i{ line-height: 30px; font-size: 30px; padding-right: 8px;}
	.cont-tit span{ line-height: 30px; font-size: 30px;}
	.gyyy-cont-00 .txt{ font-size: 14px; line-height: 2.5;}
	.gyyy-cont-01 .txt{ font-size: 14px; line-height: 2.5;}
	
	.cont-hr{ position: absolute; left: 15px; bottom: 0; width: 50%; height: 3px; background: #666; display: block; margin: 0;}
}

@media screen and (min-width: 1340px)  {
	.cont-tit{ padding-bottom: 35px;}
	.cont-tit i{ line-height: 36px; font-size: 36px;}
	.cont-tit span{ line-height: 36px; font-size: 36px;}
	.gyyy-cont-00 .txt{ font-size: 16px; line-height: 2.5;}
	.gyyy-cont-01 .txt{ font-size: 16px; line-height: 2.5;}
	.gyyy-cont-l{ padding-right: 25px;}
	.gyyy-cont-r{ padding-bottom: 60px; padding-left: 25px;}
	.cont-hr{ left: 25px;}
}


/*发展历程*/
@media screen and (min-width: 320px) {
	.fzlc-list{ margin: -30px 0;}
	.fzlc-list dl{ padding: 30px 0;}
	.fzlc-list dt{ font-size: 18px; color: #373737;}
	.fzlc-list dd{ border-bottom: solid 1px #e4e5e7; padding-bottom: 10px; color: #5c5c5c;}
}

@media screen and (min-width: 992px) {
	.fzlc-list dt{ font-size: 30px;}
}

@media screen and (min-width: 1340px) {
	.fzlc-list dt{ font-size: 36px;}
	.fzlc-list dd{ font-size: 16px; padding-bottom: 15px; }
	.fzlc-list dd{ border-bottom: solid 2px #e4e5e7;}
}




/*品牌文化*/
@media screen and (min-width: 320px) {
	.gyyy-cont-02{ padding: 30px 0 0 0;}
	/*
	.qyln-list hr{display: none;}
	.qyln-list b{ color: #fff; font-weight:normal; font-size: 16px;}
	.qyln-list li{  padding: 5px 0; }
	.qyln-list span{ border-bottom: solid 1px #a0a0a0; color: #a0a0a0; font-size: 12px;}
	*/
	.qyln-list ul{ margin: -5px 0; overflow: hidden;}
	.qyln-list div{background: #a0a0a0; width: 70px; height: 70px; line-height: 70px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; margin: 0 auto; text-align: center;}
	.qyln-list b{font-size: 20px; line-height: 70px; color:#fff;}
	.qyln-list{ overflow: hidden; margin: 0 -5px;}
	.qyln-list li{ width: 33.3333%; float: left; padding: 0 5px;}
	.qyln-list hr{ background: #c5c5c6; display: block; height: 40px; width: 2px; margin: 15px auto;}
	.qyln-list span{border: none; padding: 0; font-size: 12px;display: block; line-height: 24px; padding: 3px 0;  text-align: center;}
	
	.cpdw-list{ padding-top: 10px;}
	.cpdw-list hr{display: none;}
	.cpdw-list ul{ margin: -10px; overflow: hidden;}
	.cpdw-list div{ background: #a0a0a0; -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; text-align: center; width: 80%; margin: 0 auto;}
	.cpdw-list b{ color: #fff; font-weight:normal; font-size: 16px;}
	.cpdw-list li{  padding: 10px;  width: 50%; float: left;}
	.cpdw-list span{color: #a0a0a0; display: block; line-height: 24px;font-size: 12px; text-align: center; padding: 3px 0;}
	
	.cpdw-list img{ width: 100%;}
	
	div.axpp-box{ color: #606060; line-height: 2.2;}
}

@media screen and (min-width: 992px) {
	
	.qyln-list{ margin: 0 -25px;  padding: 50px 0;}
	.qyln-list li{ padding: 0 25px;}
	.qyln-list span{ font-size: 14px;}
	
	.gyyy-cont-02{ padding: 50px 0 0 0;}
	
	.axpp-box{ padding: 30px;}
	
	.cpdw-list ul{ margin: -16px;}
	.cpdw-list li{ width: 25%; padding: 16px;}
	
	.cpdw-list div{ width: 150px; height: 40px; }
	.cpdw-list b{font-size: 20px; line-height: 40px;}
	
	.cpdw-list hr{ background: #c5c5c6; display: block; height: 40px; width: 2px; margin: 15px auto;}
	.cpdw-list span{padding: 0 0 15px 0; font-size: 14px;}
	
	.cpdw-list{ padding: 50px 0; }
}

@media screen and (min-width: 1340px) {
	.qyln-list{ padding: 80px 0;}
	.qyln-list b{font-size: 24px;}
	.qyln-list span{ font-size: 16px;}
	
	.axpp-box{ padding: 80px 130px; font-size: 16px; }
	
	.cpdw-list div{ width: 170px; height: 54px; }
	.cpdw-list b{font-size: 32px; line-height: 54px;}
	.cpdw-list span{font-size: 16px;}
	.cpdw-list{ padding: 80px 0;}
	
	.cpdw-list ul{ margin: -26px;}
	.cpdw-list li{ padding: 26px;}
}


/*荣耀资质*/
@media screen and (min-width: 320px) {
	.cont-bd{ padding: 15px 0 0 0;}
	.ryzz-pic-tac{ text-align: center;}
	.ryzz-txt{ padding-bottom: 15px; text-align: center; line-height: 2.2; font-size: 12px;}
}

@media screen and (min-width: 992px) {
	.cont-bd{ padding: 20px 0;}
	.ryzz-txt{ padding-bottom: 40px; font-size: 14px;}
	.ryzz-pic-tac{ padding-bottom: 20px;}
}

@media screen and (min-width: 1340px) {
	.cont-bd{ padding: 40px 0;}
	.ryzz-txt{ padding-bottom: 80px; font-size: 16px;}
}


/*产品展示*/
@media screen and (min-width: 320px) {
	i.pic-scale-banner{ padding-bottom: 45%; background-position: center center; -webkit-background-size: cover;
	background-size: cover;}
	
	.pro-prev{ position: absolute; left: 15px; top: 50%; z-index: 2;}
	.pro-next{ position: absolute; right: 15px; top: 50%; z-index: 2;}
	.pro-btn div{ cursor: pointer; margin-top: -25px; line-height: 50px;}
	.pro-btn i{ color: #fff; font-size: 24px; opacity: .5;}
	.pro-btn div:hover i{ opacity: 1;}
	
	.ind-btn i{ color:#00a1e9;}
	
	.pro-swiper div.pro-pagination{ position: absolute; width: 100%; bottom: 15px;  z-index: 2; text-align: center; line-height: 0;}
	.pro-swiper div.pro-pagination span{ background: #fff; width: 10px; height: 10px; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; opacity: .4;}
	.pro-swiper div.pro-pagination .swiper-pagination-bullet-active{opacity: 1;}
	
	.ind-por{position: relative;}
	
		
	.pro-swiper .djck{ width:13vw; height:3.4vw; position:absolute; left:50%; top:29.5vw; margin-left:-45vw; z-index:9; opacity:.5;}
	.pro-swiper .cpsp{ width:13vw; height:3.4vw; position:absolute; left:50%; top:29.5vw; margin-left:-30vw; z-index:9; opacity:.5;}
	
}

@media screen and (min-width: 992px) {
	i.pic-scale-banner{ padding-bottom: 0; height: 450px;}
	.pro-swiper div.pro-pagination{ bottom: 25px;}
	.pro-btn i{  font-size: 46px;}
	
	.ind-btn .pro-prev{ left: 50%; margin-left: -530px;}
	.ind-btn .pro-next{ right: 50%; margin-right: -530px;}
	
	.pro-swiper .djck{  width:132px; height:35px; top:299px; margin-left:-452px;}
	.pro-swiper .cpsp{  width:132px; height:35px; top:299px; margin-left:-302px;}
}

@media screen and (min-width: 1340px) {
	i.pic-scale-banner{height: 720px;}
	.pro-swiper div.pro-pagination{ bottom: 40px;}
	.pro-prev{ left: 35px;}
	.pro-next{ right: 35px;}
	
	.ind-btn .pro-prev{ margin-left: -660px;}
	.ind-btn .pro-next{ margin-right: -660px;}
	
		.pro-swiper .djck{  width:210px; height:54px; top:479px; margin-left:-724px;}
	.pro-swiper .cpsp{  width:210px; height:54px; top:479px; margin-left:-482px;}
	
}


/*产品展示*/
@media screen and (min-width: 320px) {
	.pro-search{ width: 202px; position: relative; padding-bottom: 10px;}
	.pro-search .pro-inp{ width: 100%; height: 26px; border: solid 1px #d5d5d5; background: none; padding: 0 30px; line-height: 20px;}
	.pro-search .pro-btn{ margin: 0; padding: 0; width: 0; height: 0; overflow: hidden; display: block; border: none;}
	.pro-search .icon-search{color: #d5d5d5; left: 0; position: absolute; line-height: 26px; width: 30px; text-align: center; top: 0;}
	.pro-search .pro-close{color: #d5d5d5; right: 0; position: absolute; line-height: 26px; width: 30px; text-align: center; top: 0; font-size: 12px; cursor: pointer;}
	
	
	.pro-list{ margin: -10px; overflow: hidden; padding: 10px 0;min-height: 700px;}
	.pro-list-bd{ padding: 10px; float: left; width: 100%;}
	.pro-list-mess{overflow: hidden; background: #fff; display: flex; align-items: stretch;}
	.pro-list-l{ flex: 1; padding-right: 10px;}
	.pro-list-r{ flex: 1; display: flex; align-items: flex-end; padding: 10px;}
	.pro-list-info{display: none;}
	
	i.pic-scale-pro{ padding-bottom: 190.909%;}
	
	
	.pro-list-r .hd-ord{ border-bottom: none; overflow: hidden;}
	.pro-list-r .hd-ord li{ padding: 0; margin: 0 10px 10px 0;float: left;}
	.pro-list-r .hd-ord li span{ width: 32px; height: 32px;  display: block; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; background: #202120; position: relative; cursor: pointer;}
	.pro-list-r .hd-ord li i{display: block; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; border: solid 6px #fff; left: -1px; top: -1px; bottom: -1px; right: -1px; position: absolute;}
	
	.pro-list-r .hd-ord li.on i{ border-width: 4px; left: 1px; top: 1px; right: 1px; bottom: 1px;}
	
	.pro-list-r .pro-tit{ font-weight: bold; color: #202120; overflow: hidden;}
	
	.pro-list-btn{ margin: -5px;  padding-top: 10px;}
	.pro-list-btn li{padding: 5px; float: left;}
	
	.pro-list-btn a{ line-height: 24px;  float: left; padding: 0 15px; -webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;}
	.pro-list-btn a.look-btn{ background: #00a0e9; border: solid 1px #00a0e9; color: #fff;}
	.pro-list-btn a.buy-btn{ color: #656665; border: solid 1px #656665;}
	
	.pro-list-btn a:hover{background: #00a0e9; border: solid 1px #00a0e9; color: #fff; box-shadow: 0 2px 10px rgba(0,160,233,.5);}
}

@media screen and (min-width: 992px) {
	.pro-search{ position: absolute;  right: 0; top: -54px;}
	
	.pro-list{ margin: -16px; padding:0;}
	.pro-list-bd{padding: 16px;}
	.pro-list-bd{ width: 50%;}
	
	.pro-list-r .pro-tit{ font-weight: normal; font-size: 16px;}
	.pro-list-r{ padding: 20px 15px;}
	.pro-list-info{ display: block;}
	.pro-list-info dl{ overflow: hidden;}
	.pro-list-info dt{ float: left; color: #656665;}
	.pro-list-info dd{ overflow: hidden; color: #656665;}
}

@media screen and (min-width: 1340px) {
	
	.pro-list-r .pro-tit{ font-weight: normal; font-size: 18px;}
	.pro-list-r{ padding: 30px 15px;}
}

/*产品展示-详细页*/
@media screen and (min-width: 320px) {
	.pro-t{ padding: 30px 0;}
	.pro-swiper-t .swiper-slide{ background: #fff;}
	
	.pro-box{ padding: 0 50px; position: relative;}
	.pro-swiper-t{ box-shadow: 0 5px 20px rgba(0,0,0,.1);}
	
	.pro-t-btn div{ position: absolute; left: 0; top: 50%; margin-top: -30px; line-height: 60px; height: 60px; background: #e2e2e2; width: 30px; text-align: center; text-align: center; font-weight: bold; color: #fff; cursor: pointer;}
	.pro-t-btn div i:before{ font-size: 20px; line-height: 60px;}
	.pro-t-prev{}
	.pro-t-btn div.pro-t-next{ left: auto; right: 0;}
	
	.pro-t-btn div:hover{ background: #00a0ea;}
	
	.pro-box-b{ padding: 15px 50px 0 50px;}
	.pro-box-b .swiper-slide{border: solid 1px #ddd; cursor: pointer;}
	.pro-box-b .on{ border-color: #7cb5ff;}
	
	.pro-tr-mess{ padding-top: 15px;}
	.pro-tr-mess b{ font-size: 18px; font-weight: normal; color: #6b6b6b; display: block;}
	.pro-tr-mess span{ font-size: 14px; color: #6b6b6b;}
	
	.pro-tr-mess ul{ border-bottom: solid 1px #b9b9b9; border-top: solid 1px #b9b9b9; margin: 15px 0;}
	.pro-tr-mess li{ font-size: 12px; line-height: 20px; padding: 5px 0; color: #6b6b6b;}
	
	.pro-tr-mess a.panorama{margin-bottom:10px; border-radius:20px; border:1px solid #b9b9b9; padding:5px 20px; line-height:24px;display:inline-block;}
	.pro-tr-mess a.panorama:hover{color:#00a0ea; border-color:#00a0ea;}
	.pro-tr-mess a.pro-link{ padding: 0 20px; background: #00a0ea; line-height: 36px; display: inline-block; -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; color: #fff; margin-right:10px;}
	.pro-tr-mess a.pro-link:hover{opacity:.8;}
	
	
	.pro-r .hd-ord { overflow: hidden; box-shadow: 0 0 20px rgba(0,0,0,.1); position: relative;}
	.pro-r .tabs-box-ord{ overflow: hidden; background: #fff;}
	.pro-r .hd-ord:after{content: ' '; position: absolute; left: 50%; margin-left: -1px; width: 2px; height: 20px; margin-top: -10px; top: 50%; background: #8b8b8b;}
	.pro-r .hd-ord span{ width: 50%; text-align: center; float: left; line-height: 48px; border-bottom:solid 2px transparent; border-top: solid 2px transparent; cursor: pointer;}
	.pro-r .hd-ord .on{border-bottom-color: #0097e8;}
	

	.pro-r .bd-ord{ padding: 0 15px 15px 15px;}
	
	.pro-l{ padding-top: 15px;}
	.pro-l .tit{ box-shadow: 0 0 20px rgba(0,0,0,.1); line-height: 52px; text-align: center; position: relative; z-index: 2;}
	.pro-l .tit span{ position: relative;}
	.pro-l .tit i{ color: #00a0ea; font-style: normal; font-size: 12px; line-height: 1; top: -2px; right: -32px;position: absolute;}
	
	.pro-l-bg{ background: #fff; overflow: hidden;}
	.pro-l ul{ padding: 15px; overflow: hidden; margin: -10px;}
	.pro-l li{ padding: 10px; float: left;width: 50%;}
	.pro-l li span{ display: block; text-align: center; color: #202020;}
	
	.pro-l li a:hover span{ color: #00a0ea;}
	
}

@media screen and (min-width: 992px) {
	.pro-t{ padding: 30px 0;  display: flex; align-items: stretch;}
	.pro-tl{flex: 0 1 50%; margin-left:-50px;}
	.pro-tr{ flex: 1 1 auto; padding-left: 50px; display: flex; align-items: center;}
	.pro-tr-mess{ padding-top: 0; width:100%;}
	.pro-r .bd-ord{ padding: 25px 30px;}
	.pro-tr-mess ul{ overflow: hidden;}
	.pro-tr-mess li{ float: left; width: 50%;}
	
	.pro-tr-mess b{ font-size: 30px;}
	.pro-tr-mess span{ font-size: 18px;}
	.pro-tr-mess ul{ margin: 25px 0;}
	
	.pro-box,.pro-box-b{ width: 480px;}
	
	.pro-r{ width: 75%; float: left; left: 25%; position: relative; padding-left: 30px;}
	.pro-l{ width: 25%; float: left; right: 75%; position: relative; padding-top: 0;}
	.pro-l li{ width: 100%;}
	
}

@media screen and (min-width: 1340px) {
	.pro-t{ padding: 50px 0;}
	.pro-box-b{ padding-top: 25px;}
	.pro-tr-mess b{ font-size: 24px;font-weight:bold;}
	.pro-tr-mess span{ font-size:16px;}
	.pro-tr-mess ul{ margin: 35px -5px;}
	.pro-tr-mess a.pro-link{ font-size: 14px; line-height: 48px; padding: 0 25px; margin-right:30px;}
	.pro-tr-list{ overflow: hidden;}
	
	.pro-tr-mess li{ line-height: 26px; font-size: 14px; padding:5px;}
	
	.pro-r .bd-ord{ padding: 50px 60px;}
	
	.pro-r .hd-ord span{ font-size: 22px; line-height: 76px;}
	.pro-l .tit{ line-height: 80px; font-size: 22px;}
	.pro-l .tit i{ right: -38px; font-size: 14px; }
	
	.pro-l ul{ margin: -15px;}
	.pro-l li{padding: 15px;}
	.pro-l li span{ font-size:14px;}
	
	.pro-box,.pro-box-b{ width: 600px;}
	
	
}


/*技术实力-研发设计*/
@media screen and (min-width: 320px) {
	.gyyy-cont-pt{ padding-top: 50px;}
	
	.cont-tit-02{ overflow: hidden; text-align: center; padding-bottom: 15px;}
	.cont-tit-02 span{ display: block;float: none; text-align: center; padding-bottom: 10px;}
	.cont-tit-02 i{ margin: 0 auto; float: none;}
	
	.cont-honor{ background: #fff; padding: 20px;}
	.cont-honor ul{ overflow: hidden; margin: -10px;}
	.cont-honor li{ width: 50%; float: left; padding: 10px;}
	i.pic-scale-honor{ padding-bottom: 75.4%;}
	
	.yjcg-pic{ padding-bottom: 20px;}
	.cont-honor div{ border: solid 1px #e6e6e6;}
}

@media screen and (min-width: 992px) {
	.gyyy-cont-pt{ padding-top: 130px;}
	
	.gyyy-cont-rl{ position: relative; right: 50%; padding-right: 15px; padding-left: 0;}
	.gyyy-cont-lr{ position: relative; left: 50%; padding-left: 15px; padding-right: 0;}
	
	.cont-tit-02 div{float: none; margin: 0 auto;}
	.cont-tit-02 span{ padding-bottom: 15px;}
	.cont-tit-02{ padding-bottom: 30px;}
	
	.yjcg-pic{ padding-bottom: 30px; text-align: center;}
	
	.cont-honor{ padding: 40px 20px;}
	.cont-honor li{ width: 33.3333%;}
}

@media screen and (min-width: 1340px) {
	.gyyy-cont-pt{ padding-top: 230px;}
	.gyyy-cont-rl{padding-right: 25px; padding-left: 0;}
	.gyyy-cont-lr{ padding-left: 25px; padding-right: 0;}
	
	.cont-tit-02{ padding-bottom: 40px;}
	.yjcg-pic{ padding-bottom: 40px;}
	.cont-honor{ padding: 60px 34px;}
	
	.cont-honor{ width: 990px; margin: 0 auto;}
	.cont-honor ul{ margin: -40px;}
	.cont-honor li{ padding: 40px;}
}

/*技术实力-生产制造*/
@media screen and (min-width: 320px) {
	.gyyy-bg{display: none;}
	
	div.gyyy-cont04{ padding-top: 20px;}
}

@media screen and (min-width: 992px) {
	.gyyy-cont-03 { align-items: flex-end; position: relative;}
	.gyyy-cont-03 .gyyy-cont-r{padding-bottom: 0;}
	.gyyy-bg { position: absolute; left: 50%; top: 0; display: block; width: 100%; max-width: 1467px; margin-left: 15px;}
	
	div.gyyy-cont-04{ padding-top: 30px; line-height: 2.5; font-size: 14px;}
}

@media screen and (min-width: 1340px) {
	.gyyy-bg { margin-left: 25px;}
	
	div.gyyy-cont-04{ padding-top: 45px; line-height: 2.5; font-size: 16px;}
}

/*新闻资讯*/
@media screen and (min-width: 320px) {
	.time-search{ margin-top: 15px; overflow: hidden; background: #fff; }
	.time-search ul{overflow: hidden; margin: -5px -10px; padding: 0 10px;}
	.time-search li{float: left; padding: 5px 10px;}
	.time-search li a{ display: block; overflow: hidden; padding: 5px; position: relative;}
	.time-search li i{ float: left; width: 12px; height: 12px; border: solid 1px #a3a3a3; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; position: absolute; left: 0; top: 50%; margin-top: -6px; display: none;}
	.time-search li span{ float: left; line-height: 36px; color: #535353;}
	
	.time-search li a.on i{ background: #00a1e9; border-color: #00a1e9;}
	.time-search li a:Hover span,.time-search li a.on span{ color: #00a1e9;}
	
	i.pic-scale-news{ padding-bottom: 71.35%;}
	
	.news-list{ overflow: hidden;}
	.news-list ul{ margin: -5px;}
	.news-list li{ padding: 5px;}
	.news-list dl{ overflow: hidden; background: #fff;}
	.news-list dt{ float: left; width: 130px;}
	.news-list dd{ padding: 10px; overflow: hidden;}
	.news-list b{ color: #2e2e2e; display: block; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
	.news-list p{ display: none; color: #545454;}
	.news-mess-t{ overflow: hidden; padding-bottom: 5px;}
	.news-mess-t span{ float: left; font-size: 12px; color: #b5aea4;}
	.news-mess-t i:before{ float: left; padding-right: 5px; font-size: 12px; color: #b5aea4;}
	.news-time { float: left;}
	.news-look{ float: right;}
	
	.news-list a:hover b{color: #00a1e9;}
	
}

@media screen and (min-width: 992px) {
	.time-search{ position: absolute; width: 120px; right: -130px; top: 54px; margin-top: 0;}
	.time-search li{ padding:0; width: 100%;}
	.time-search li a{padding: 0; padding-left: 30px;}
	.time-search li span{ line-height: 20px; padidng:20px 0;}
	.time-search li a i{ display: block; left: 10px;}
	
	.news-list ul{ margin: -14px;}
	.news-list li{ width: 33.3333%; float: left; padding: 14px;}
	.news-list dt{ width: 100%;}
	.news-list b{display: block; font-size: 16px; overflow: hidden;  -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap;}
	.news-list p{ display: block; font-size: 12px; margin-top: 5px;min-height: 65px;}
	
	.news-list dd{ padding: 15px 20px;}
}

@media screen and (min-width: 1340px) {
	.time-search{ width: 160px; right: -180px;}
	.time-search li a{padding: 0; padding-left: 50px;}
	.time-search li span{ line-height: 20px; padding:30px 0;}
	.time-search li a i{  left: 25px;}
	
	
	.news-list b{ font-size: 18px;}
	
}


/*新闻内页*/
@media screen and (min-width: 320px) {
	.news-title{ font-size: 18px; text-align: center; line-height: 1.5; padding-bottom: 10px;}
	
	.news-mess{ text-align: center;  background: #eee;  padding: 4px 10px;}
	.news-mess *{ line-height: 28px !important; font-size: 14px;}
	.news-mess-l{ display: inline-block; overflow: hidden;}
	.news-mess-l div{ line-height: 28px;display: inline;}
	.news-mess-p{ padding: 0 10px; line-height: 28px !important; color: #000;}
	.news-mess-p a.author{ color: #2eb2ed;}
	div.news-mess-fx{ display: inline-block; overflow: hidden; float: left; line-height: 28px !important; color: #000;}
	.news-mess-r{ display: inline-block; overflow: hidden;}
	
	.news-cont{ padding: 15px 0; position: relative;}
	.news-cont,.news-cont *{line-height: 2.2 !important;}
	
	.news-link{ border-top: solid 1px #ccc; padding-top: 15px;}
	.news-link span{ display: block; overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; line-height: 2 !important;}

	
}

@media screen and (min-width: 992px) {
	.news-title{ font-size: 30px; font-weight: bold; padding-bottom: 15px;}
	.news-mess{ height: 36px;}
	.news-cont{ padding: 20px 0;}
	.news-link{ padding-top: 20px;}
	.news-link span{ width: 50%; float: left;}
	.news-link-r{ text-align: right;}
	
	.news-mess-p{ float: left; padding: 0 10px;}
	
}

@media screen and (min-width: 1340px) {
	.news-cont{ padding: 30px 0;}
	.news-link{ padding-top: 30px;}
}

/*联系我们-联系我们*/
@media screen and (min-width: 320px) {
	.contact-box{ background: #fff; padding: 15px;}
	.contact-box-tit{ color: #2eb2ed; font-size: 18px; text-align: center;}
	.contact-box-sub{ text-align: center ;color: #787878; font-size: 12px;}
	
	.contact-list dl{ overflow: hidden;}
	.contact-list dt{ float: left; padding-right: 10px;}
	.contact-list dd{ overflow: hidden;}
	.contact-list{ padding: 10px 0;}
	.contact-list li{ padding: 10px 0;}
	.contact-list i:before{ color: #00a1e9; font-size: 36px; line-height: 43px;}
	.contact-list b{ display: block; font-size: 16px; color: #787878; line-height: 1.4; padding-bottom: 5px;}
	.contact-list span{display: block; color: #4c4c4c; font-size: 12px; line-height: 1.4;}
	.map{ height: 350px;}
	.contact-br{ padding-top: 15px;}
	.map-form textarea,.map-form input{color: #000;}
	.contact-br input,.contact-br textarea{ border-bottom-color: #797979;}
	.contact-mess-tit{ font-size: 18px; color: #00a1e9; text-align: center;}
}

@media screen and (min-width: 992px) {
	.contact-box-tit{ color: #2eb2ed; font-size: 28px;}
	.contact-box-sub{ font-size: 14px;}
	.contact-list b{ font-size: 18px; }
	.contact-list span{font-size: 14px;}
	.contact-mess-tit{ font-size: 24px;}
	
	.contact-list{ padding: 30px 0;}
	.contact-list ul{ overflow: hidden; margin: 0 -10px;}
	.contact-list li{ width: 33.333%; float: left; padding: 0 10px;}
	.contact-list dt{width: 100%; padding-right: 0; float: none; text-align: center; padding-bottom: 10px;}
	.contact-list dd{ text-align: center;}
	.contact-list b{ padding-bottom: 10px;}
	
	.contact-b{ overflow: hidden;}
	.contact-bl{ width: 66.666%; float: left; padding-right: 15px;}
	.contact-br{ width: 33.3333%; float: left; padding-left: 15px; padding-top: 0;}
	.map{ height: 320px;}
}

@media screen and (min-width: 1340px) {
	.contact-box-tit{ color: #2eb2ed; font-size: 34px;}
	.contact-box-sub{ font-size: 16px;}
	.contact-list b{ font-size: 20px; }
	.contact-list span{font-size: 16px;}
	.contact-mess-tit{ font-size: 30px;}
	
	.contact-list{ padding: 60px 0;}
	.contact-list ul{margin: 0 -20px;}
	.contact-list li{padding: 0 20px;}
	
	.contact-box{ padding: 30px;}
	
	.contact-list i:before{ font-size: 54px; line-height: 1;}
	.map{ height: 340px;}
	.contact-mess-tit{ padding-bottom: 10px;}
}

/*联系我们-业务服务*/
@media screen and (min-width: 320px) {
	.ywfw-list{ padding: 15px 0;}
	.ywfw-box{ overflow: hidden; padding: 15px 0;}
	.ywfw-ico{ width: 46px; height: 46px; border: solid 3px #00a1e9; text-align: center; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; position: relative; margin: 0 auto;}
	.ywfw-ico i:before{font-size: 36px; line-height:40px; color: #00a1e9;}
	
	.ywfw-box b{ font-size: 16px; text-align: center; font-weight: normal; color: #787878; display: block; padding: 5px 0 10px 0;}
	.ywfw-box ul{overflow: hidden; margin: -10px 0;}
	.ywfw-box li{ padding: 10px 0;}
	.ywfw-box ul div{ position: relative; text-align: center;}
	.ywfw-box ul i{ width: 12px; height: 12px; background: #00a1e9; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; display: none; left: 0; top: 6px; position: absolute;}
	.ywfw-box ul span{ display: block;}
}

@media screen and (min-width: 992px) {
	
	.ywfw-box b{ font-size: 18px;}
	
	.ywfw-list{ overflow: hidden; }
	.ywfw-box{ float: left; width: 50%; padding: 20px 110px 0 110px;}
	.ywfw-box ul div{ padding-left: 25px; text-align: left;}
	.ywfw-box ul i{ display: block;}
}

@media screen and (min-width: 1340px) {
	
	.ywfw-box b{ font-size: 20px;}
	.ywfw-box{ padding: 60px 150px 0 150px;}
}






/*弹窗视频*/
@media screen and (min-width: 320px) {
.video-show{ width: 300px !important; height: 305px !important;}
	
	.video-show .layui-layer-setwin{ right: 0; top: 0;}
	.video-show .layui-layer-setwin .layui-layer-close2{ right: 0; top: 0;width: 35px; height: 35px; background: #00a1e9; font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 35px;}
	.video-show .layui-layer-setwin .layui-layer-close2:before { content: "\e608"; color: #fff; font-size: 20px;}
	
	.video-show .layui-layer-content{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000;}
	.jcsp-video{display: none;}
	.jcsp-video video{display: block;}
	.jcsp-video,.jcsp-video video{ width: 100%; height: 100%}
}

@media screen and (min-width: 384px) {
	.video-show{ width: 365px !important; height: 340px !important;}
}

@media screen and (min-width: 480px) {
	video-show{ width: 420px !important; height: 370px !important;}
}

@media screen and (min-width: 640px) {
	.video-show{ width: 630px !important; height: 490px !important;}
}

@media screen and (min-width: 768px) {
	.video-show{ width: 700px !important; height: 530px !important;}
}

@media screen and (min-width: 992px) {
	.video-show{ width: 700px !important; height: 530px !important;}
}

@media screen and (min-width: 1280px) {
	.video-show{ width: 900px !important; height: 630px !important;}
}